1.概念
列表是一组有序数据的集合,其中的每项数据被称为 元素
。在js中,列表中的元素可以是任意数据类型。列表中可以保存任意多个元素(在实际使用时会受到程序内存的限制)。
2.属性和方法
列表中有一些常见的属性和方法,下面一一列举:
- listSize(属性) :列表的元素个数
- position(属性) :列表当前的位置
- clear(方法):清空列表中的所有元素
- getElement(方法):获取当前位置上的元素
- find(方法) :在列表中查找一个元素
- insert(方法) :在现有元素后插入新元素
- append(方法):在列表末尾插入新元素
- remove(方法):从列表删除元素
- front(方法):将列表的当前位置移动到第一个元素
- end(方法):将列表的当前位置移动到最后一个元素
- prev(方法) :将当前位置向前移动一位
- next(方法):将当前位置向后移动一位
- moveTo(方法):将当前位置移动到指定位置
3.JS代码实现一个列表类
我们先定义一个列表类,将列表的属性和方法包装在类里
function List(){
this.dataSet = []//初始化一个空数组来保存列表元素
this.pos = 0//初始化一个属性表示列表当前的位置
this.listSize = 0 //初始化一个属性表示列表元素个数
this.clear = clear;//清空列表里的元素
this.find = find;//在列表上查找一个元素
this.getElement = getElement;//返回当前位置的元素
this.toString = toString;//将列表作为字符串展示
this.insert = insert;//在当前元素后插入新元素
this.append = append;//在列表末尾插入新元素
this.remove = remove;//从列表中删除元素
this.front = front;//将当前位置移到列表头部
this.end = end;//将当前位置移到最后一个元素
this.prev = prev;
this.next = next
this.currPos = currPos;
this.moveTo = moveTo;
this.contains = contains;
}
有了这个类,我们就可以执果索因,一步步将完整的构造函数写出来
3.1 实现clear 方法
function clear(){
delete this.dataSet;//删除原来的dataSet
this.dataSet = [];//将新数组赋给dataSet
this.pos = this.listSize = 0;//将数组当前位置和数组长度初始化为0
}
3.2 实现find 方法
function find(element){
for(var i=0;i<this.dataSet.length;i++){
if(this.dataSet[i]===element){
return i //若找到了element,则返回该元素的位置
}
}
return -1 //若没有在dataSet中找到element,则返回-1
}
3.3 实现getElement 方法
function getElement(pos){
return this.dataSet[this.pos]
}
3.4 实现toString 方法
function toString(){
return this.dataSet
}
3.5 实现insert 方法
function insert(element){
this.dataSet.splice(this.pos,0,element);
}
3.6 实现append 方法
function append(element){
this.dataSet[this.listSize++]=element;
}
3.7 实现remove方法
function remove(element){
var nowPos = this.find(element);
if(nowPos>-1){
this.dataSet.splice(nowPos,1)
this.listSize—-; //删除元素后要把listSize也减一
return true //删除成功,则返回true
}
return false //若删除不成功,则返回false
}
3.8 实现六个操作position的方法
function front(){
this.pos = 0;
}
function end(){
this.pos = this.listSize-1
}
function prev(){
if(this.pos>0){
this.pos—-
}
}
function next(){
if(this.pos<this.listSize-1){
this.pos++
}
}
function currPos(){
return this.pos
}
function moveTo(newPos){
if(newPos>=0&&newPos<=this.listSize-1){
this.pos = newPos
}
}
3.9 实现contains方法
function contains(element){
var res = this.find(element);
if(res>-1){
return true
}else{
return false
}
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。